<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>${htmlTitle}</title>
<link rel="stylesheet" href="${ctx}/static/css/style.default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/static/dateRange/dateRange.css" type="text/css" />
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.smartWizard-2.0.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/general.js"></script>
<script type="text/javascript" src="${ctx}/static/dateRange/dateRange.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/script.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		// Smart Wizard 	
      	jQuery('#wizard2').smartWizard({onFinish: onFinishCallback});
		
		function onFinishCallback(){
			jQuery('#termform').submit();
		} 
		
		jQuery(".inline").colorbox({inline:true, width: '60%', height: '500px'});
		
		jQuery('select, input:checkbox').uniform();
	});
</script>
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/style.ie9.css"/>
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/style.ie8.css"/>
<![endif]-->
<!--[if lt IE 9]>
	<script src="js/plugins/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body class="withvernav">

<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo">${htmlTitle}</h1>
            <span class="slogan">后台管理系统</span>
            
            <br clear="all" />
            
        </div><!--left-->
        
        <div class="right">
        	<!--<div class="notification">
                <a class="count" href="ajax/notifications.html"><span>9</span></a>
        	</div>-->
            <div class="userinfo">
            	<img src="${ctx}/static/images/thumbs/avatar.png" alt="" />
                <span>${user.acct}</span>
            </div><!--userinfo-->
            
            <div class="userinfodrop">
            	<div class="avatar">
                	<a href=""><img src="${ctx}/static/images/thumbs/avatarbig.png" alt="" /></a>
                </div><!--avatar-->
                <div class="userdata">
                	<h4>${user.acct}</h4>
                    <span class="email"></span>
                    <ul>
                    	<li><a href="${ctx}/user/editpass">修改密码</a></li>
                        <li><a href="${ctx}/user/logout">退出</a></li>
                    </ul>
                </div><!--userdata-->
            </div><!--userinfodrop-->
        </div><!--right-->
    </div><!--topheader-->
    
    
    <div class="header">
    	<ul class="headermenu">
        	<li class="current"><a href="${ctx}"><span class="icon icon-flatscreen"></span>首页</a></li>
        	<shiro:hasPermission name="role:*">
            <li><a href="${ctx}/role/index"><span class="icon icon-pencil"></span>权限管理</a></li>
            </shiro:hasPermission>
        </ul>        
    </div><!--header-->
    
    <!--leftmenu-->
    <div class="vernav2 iconmenu" style="position:absolute;left:0;top:185px;">
    	<ul>
    	    <c:if test="${not empty menus}">
    	    <c:forEach items="${menus}" var="fm">
        	<li><a href="#${fm.id}" class="menu${fm.id}">${fm.res}</a>
            	<span class="arrow"></span>
            	<c:if test="${not empty fm.children}">
             	<ul id="${fm.id}">
             	    <c:forEach items="${fm.children}" var="cm">
               		<li><a href="${ctx}${cm.resUrl}">${cm.res}</a></li>
             	    </c:forEach>
                </ul>           	
            	</c:if>
            </li>
            </c:forEach>
            </c:if>
        </ul>
        <a class="togglemenu"></a>
        <br /><br />
    </div><!--leftmenu-->
        
    <div class="centercontent">
    
        <div class="pageheader notab">
            <h1 class="pagetitle">创建学期</h1>
            <span class="pagedesc">请输入相应信息，创建学期</span>
        </div><!--pageheader-->
        
        <div id="contentwrapper" class="contentwrapper">
            
            <div id="tabbed" class="subcontent">
            
                    <!-- START OF TABBED WIZARD -->
                    <form class="stdform" id="termform" method="post" action="">
                    <div id="wizard2" class="wizard">
                    	
                        <ul class="tabbedmenu">
                            <li>
                            	<a href="#wiz1step2_1">
                                	<span class="h2">步骤一</span>
                                    <span class="label">设置学期基本信息</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step2_3">
                                	<span class="h2">步骤二</span>
                                    <span class="label">设置分数百分比</span>
                                </a>
                            </li>
                            <li>
                            	<a href="#wiz1step2_4">
                                	<span class="h2">步骤三</span>
                                    <span class="label">设置笔试试题分数</span>
                                </a>
                            </li>
                            <c:if test="${major.module eq 0}">
                            <li>
                            	<a href="#wiz1step2_2">
                                	<span class="h2">步骤四</span>
                                    <span class="label">设置选课数量</span>
                                </a>
                            </li>
                            </c:if>
                        </ul>
                        
                        <br clear="all" /><br /><br />
                        	
                        <div id="wiz1step2_1" class="formwiz">
                        
                        	<h4>步骤一：设置学期基本信息</h4>
                        	
                         	<p>
                        	    <label>学期名称</label>
                                <span class="field"><input type="text" name="term" id="term" class="smallinput" /></span>
                            </p>
                        
                            <p style="overflow:hidden;">
                            	<label>报名时间</label>
			                    <span class="ta_date" id="div_date1" style="overflow:hidden;">
                                    <span class="date_title" id="apply_date"></span>
                                    <a class="opt_sel" id="input_apply" href="#">
                                        <i class="i_orderd"></i>
                                    </a>
                                </span>
                                <span class="field"><input type="text" name="applyDateStart" id="applyDateStart" style="display:none;" /></span> 
                                <span class="field"><input type="text" name="applyDateEnd" id="applyDateEnd" style="display:none;" /></span> 
                            </p>

                            <p style="overflow:hidden;">
                        	    <label>学习时间</label>
			                    <span class="ta_date" id="div_date1" style="overflow:hidden;">
                                   <span class="date_title" id="study_date"></span>
                                    <a class="opt_sel" id="input_study" href="#">
                                        <i class="i_orderd"></i>
                                    </a>
                                </span>
                                <span class="field"><input type="text" name="studyDateStart" id="studyDateStart" style="display:none;" /></span> 
                                <span class="field"><input type="text" name="studyDateEnd" id="studyDateEnd" style="display:none;" /></span> 
                            </p>

                            <p style="overflow:hidden;">
                        	    <label>考试时间</label>
			                    <span class="ta_date" id="div_date1" style="overflow:hidden;">
                                    <span class="date_title" id="exam_date"></span>
                                    <a class="opt_sel" id="input_exam" href="#">
                                        <i class="i_orderd"></i>
                                    </a>
                                </span>
                                <span class="field"><input type="text" name="examDateStart" id="examDateStart" style="display:none;" /></span> 
                                <span class="field"><input type="text" name="examDateEnd" id="examDateEnd" style="display:none;" /></span> 
                            </p>
                                                
                            <input type="text" name="majorId" id="majorId" value="${major.id}" style="display:none" />
                            <input type="text" name="bunch" id="bunch" value="0" style="display:none" />
                            
                        </div><!--#wiz1step2_1-->
                        
                        <div id="wiz1step2_3">
                        
                        	<h4>步骤二：设置分数百分比</h4>

                    	    <p>
                        	    <label>笔试成绩百分比</label>
                                <span class="field"><input type="text" name="exam" id="exam" value="${data.exam}" class="width50" /> %</span>
                            </p>
                        
                        	<p>
                        	    <label>实操成绩百分比</label>
                                <span class="field"><input type="text" name="oper" id="oper" value="${data.oper}" class="width50" /> %</span>
                            </p>
                        
                    	    <p>
                        	    <label>平时成绩百分比</label>
                                <span class="field"><input type="text" name="usua" id="usua" value="${data.usua}" class="width50" /> %</span>
                            </p>

                        </div><!--#wiz1step2_3-->
                        
                         <div id="wiz1step2_4">
                         
                        	<h4>步骤三：设置笔试试题分数</h4>

                    	    <p>
                        	    <label>单选题分数</label>
                                <span class="field"><input type="text" name="sele" id="sele" value="${data.sele}" class="width50" /> 分</span>
                            </p>
                        
                    	    <p>
                        	    <label>多选题分数</label>
                                <span class="field"><input type="text" name="mult" id="mult" value="${data.mult}" class="width50" /> 分</span>
                            </p>
                        
                    	    <p>
                        	    <label>判断题分数</label>
                                <span class="field"><input type="text" name="corr" id="corr" value="${data.corr}" class="width50" /> 分</span>
                            </p>

                        </div><!--#wiz1step2_4-->
                        
                        <c:if test="${major.module eq 0}">
                        <div id="wiz1step2_2" class="formwiz">
                        
                        	<h4>步骤四：选课数量</h4> 
                            
                         	<p>
                        	    <label>选课数量</label>
                                <span class="field"><input type="text" name="ness" id="ness" class="smallinput" /></span>
                            </p>
                                                                                               
                        </div><!--#wiz1step2_2-->
                        </c:if>
                        
                    </div><!--#wizard-->
                    
                    </form>
                                        
                    <!-- END OF TABBED WIZARD -->
                                
            </div><!-- #tabbed -->
            
        </div><!--contentwrapper-->
        
	</div><!-- centercontent -->
    
    
</div><!--bodywrapper-->
<script type="text/javascript" src="${ctx}/static/js/custom/date.js"></script>

</body>
</html>
